<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS控制表格边框</title>
  <style>
    table{
      width: 400px;
      height: 300px;
      border: 1px solid #30F;
      border-collapse: collapse;
    }
    th,td{
      border: 1px solid #30F;
    }
    .one{
      width: 100px;
      height: 80px;
    }
    .two{
      height: 40px;
    }
    .three{
      width: 200px;
    }
  </style>
</head>
<body>
<table>
  <caption>腾讯手游排行榜</caption>
  <tr>
    <th>热游榜</th>
    <th>游戏名</th>
    <th>类型</th>
    <th>特征</th>
  </tr>
  <tr>
    <th>1</th>
    <th>王者荣耀</th>
    <th>策略战棋</th>
    <th>3D竞技</th>
  </tr>
</table>
<table>
  <tr>
    <td class="one">A房间</td>
    <td class="two">B房间</td>

  </tr>
  <tr>
    <td class="three">C房间</td>
    <td class="four">D房间</td>
  </tr>
</table>
</body>
</html>